/*
 * @Author: xuchao 
 * @Date: 2018-05-16 14:10:53 
 * @Last Modified by: xuchao
 * @Last Modified time: 2018-06-11 16:23:51
 */
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import { Layout } from 'antd';
import './style.less';

export default class Service extends Component {
    render() {
        return (
            <Layout.Content className="aqts">
                <div className="banner animated fadeIn">
                    <div className="img">
                        <img src={require('@/static/images/banner3.jpg')} alt=""/> 
                    </div>
                </div>  
                <div className="member">
                    <div className="center">
                        <h1>什么是城市信息安全监控指挥平台？</h1>
                        <p>城市信息安全监控指挥平台是以习总书记“4·19讲话”开启网络安全战略规划全新时代的指导思想，
                        在城市信息安全公共技术服务平台上提供的用于监控、分析重点政府部门、重点企事业单位接入互联
                        网的信息系统安全性的平台化工具，实施掌控单位的安全态势、单位安全画像，为信息安全建设和整
                        改提供技术验证依据和全方位客观需求依据。各单位可使用单位账号实施观察自身所管辖的互联网信
                        息系统的安全状况，及时获得安全事件的通知。
                        </p>
                        <Link to="">成为会员</Link>
                    </div>
                </div>
                <div className="center">
                    <h1>城市安全态势服务</h1>
                    <p>九项保障</p>
                    <ul>
                        <li>
                            <i className="wzjc" />
                            <h1>网站监测</h1>
                            <p>实时监测网站被篡改、被挂马、非法外链/暗链、DNS篡改、链路健康度、存在的漏洞、恶意钓鱼、非法SEO
                            </p>
                        </li>
                        <li>
                            <i className="tsfx" />
                            <h1>态势分析</h1>
                            <p>择安装态势探头的单位可监测攻击源态势分析、遭受攻击详情、风险评分、安全发展趋势
                            </p>
                        </li>
                        <li>
                            <i className="aqhx" />
                            <h1>安全画像</h1>
                            <p>多维数据分析构成单位安全画像，实时评估单位安全基本信息，指导安全管理工作
                            </p>
                        </li>
                        <li>
                            <i className="fycj" />
                            <h1>防御插件</h1>
                            <p>选择防御插件的单位，可享受全年Web应用防火墙和网页防篡改服务，严格保障网站不被入侵
                            </p>
                        </li>
                        <li>
                            <i className="yjxy" />
                            <h1>一键响应</h1>
                            <p>遇到安全问题后，一键申请应急响应，事件将排入城市应急响应中心队列
                            </p>
                        </li>
                        <li>
                            <i className="ywaq" />
                            <h1>业务安全</h1>
                            <p>选择业务安全增值服务的用户，可针对反爬虫攻击、业务流程绕过、撞库等非法行为实现全方位防御
                            </p>
                        </li>
                        <li>
                            <i className="ssgj" />
                            <h1>实时告警</h1>
                            <p>通过微信安全通道，让单位管理人员通过微信实时接收安全状态信息，用手机、PC、大屏实时查看态势数据
                            </p>
                        </li>
                        <li>
                            <i className="yjbj" />
                            <h1>一键报警</h1>
                            <p>受攻击后 ，一键报案，自动提交报案信息给网络警察
                            </p>
                        </li>
                        <li>
                            <i className="yjbg" />
                            <h1>一键报告</h1>
                            <p>周度、月度、季度、年度安全报告任你选，客观数据，真实可靠，输出打印，直接汇报
                            </p>
                        </li>
                    </ul>
                </div>
                <div className="type">
                    <ul>
                        <li>
                            <h1>3981 <em></em></h1>
                            <p>病毒感染</p>
                        </li>
                        <li>
                            <h1>618 <em></em></h1>
                            <p>手机恶意代码</p>
                        </li>
                        <li>
                            <h1>178 <em></em></h1>
                            <p>流量攻击</p>
                        </li>
                        <li>
                            <h1>285 <em></em></h1>
                            <p>恶意网址</p>
                        </li>
                    </ul>
                </div>
                <div className="partner">
                    <div className="center">
                        <h1>合作伙伴</h1>
                        <ul>
                            <li>腾讯</li>
                            <li>天存</li>
                            <li>冠辰</li>
                            <li>江苏省政府</li>
                            <li>江苏省经信委</li>
                            <li>江苏省网信办</li>
                            <li>连云港市公安局</li>
                            <li>连云港市宣传部</li>
                            <li>连云港市国安局</li>
                        </ul>
                    </div>
                </div>
            </Layout.Content>
        );
    }
}